/* 公共CSS定义  styles/base.css */

/* 
    大小单位：绝对/相对 in cm mm
    前端设计中常用单位： 
         px（绝对） 
         em（相对父元素的大小倍数，逐级放大）
         rem（相对根元素的大小倍数，常用于移动端）
    浏览器默认字体大小是16px   
         1rem = 1 * 根的大小（16px）= 16px
      1.25rem = 1.25  * 16px = 20px
*/

/* 1. 设置网站字体统一的大小，便于使用rem单位的计算 */
html {
  font-size: 10px;
  font-size: 62.5%;
}

/* 2. 统一定义网站字体颜色 */
body {
  color: #333;
}

/* 3. 统一定义链接标签a的基本样式 */
a {
  text-decoration: none; /*去掉默认的下划线*/
  color: #333;
}

/* 3. 统一定义链接标签a的伪类:hover样式 */
a:hover {
  color: #89211b;
}

/* 4. 去掉页面所需元素的默认外边距和内边距 */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
figure {
  margin: 0; /* 去掉默认的外边距定义 */
  padding: 0; /* 去掉默认的内边距定义 */
}

/* 4. 去掉标题标签的字体加粗的定义 */
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}

/* 5. 去掉列表项的默认符号 */
li {
    list-style: none;
}

/* 6. 依据父容器大小来缩放图片 */
img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


